<template>
    <el-card class="mt">
        <el-table v-loading="loading" :data="dataList">
            <el-table-column label="序号" type="index" width="80"></el-table-column>
            <el-table-column label="专属福利" prop="name"></el-table-column>
            <el-table-column label="福利介绍" prop="namespace"></el-table-column>
            <el-table-column label="图标" prop="src">
                <template #default="scope">
                    <img class="gift_img" :src="scope.row.src" alt="">
                </template>
            </el-table-column>
            <el-table-column label="创建者" prop="create_name"></el-table-column>
        </el-table>
    </el-card>
</template>

<script setup lang="ts">

defineProps({
    loading: {
        type: Boolean,
        required: true
    },
    dataList: {
        required: true
    }
})

</script>


<style scoped lang="less">
.gift_img {
    width: 30px;
    height: 30px;
}
</style>